<template>
  <div>
    <el-card>
      <el-tabs type="border-card">
        <el-tab-pane label="待处理">
          <audit-table
            :tableData="tableData"
            :headerTable="headerTbale"
            @searchList="getSearchList"
          ></audit-table>
        </el-tab-pane>
        <el-tab-pane label="勾魂中">
          <audit-table
            :headerTable="headerTbale"
            :tableData="tableData"
          ></audit-table>
        </el-tab-pane>
        <el-tab-pane label="孟婆验收">
          <audit-table
            :headerTable="headerTbale"
            :tableData="tableData"
          ></audit-table>
        </el-tab-pane>
        <el-tab-pane label="退单">
          <audit-table
            :headerTable="headerTbale"
            :tableData="tableData"
          ></audit-table>
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>
<script>
import auditTable from '@/components/auditTable'
export default {
  name: 'audit',
  components: {
    'audit-table': auditTable
  },
  data () {
    return {
      tableData: [
        {
          id: 1, // id
          name: '李世民', // 名字
          ghost: '牛头', // 鬼差
          time: '贞观十年三月', // 时间
          reason: '阳寿未尽，抓错人了', // 原因
          admin: '十殿阎罗', // 审核人 / 判决人
          siteTime: '贞观十年三月' // 退单时间 / 地点
        }
      ],
      headerTbale: {
        id: 'ID',
        name: '姓名',
        ghost: '鬼差',
        time: '勾魂时间',
        reason: '退单理由',
        admin: '审判人',
        siteTime: '退单时间'
      }
    }
  },
  methods: {
    getSearchList (data) {
      console.log(data)
    }
  }
}
</script>
<style lang="less" scoped>
</style>
